<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Mesh 系统</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="assets/css/admin.css">
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/lib/require.js" defer async="true"></script>
		<script src="assets/lib/vue.js"></script>
		<script src="assets/js/app.js"></script>
		<script src="assets/js/app/meshApp.js"></script>
	</head>
	<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->

	<body>

		<div id="meshApp">
			<header class="am-topbar admin-header">

				<div class="am-topbar-brand"><img src="assets/i/logo.png"></div>

				<div class="am-collapse am-topbar-collapse" id="topbar-collapse">
					<ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">

						<li class="am-dropdown tognzhi" data-am-dropdown>
							<button class="am-btn am-btn-primary am-dropdown-toggle am-btn-xs am-radius am-icon-bell-o" data-am-dropdown-toggle> 消息管理<span class="am-badge am-badge-danger am-round">6</span></button>
							<ul class="am-dropdown-content">
								<li class="am-dropdown-header">所有消息都在这里</li>
								<li>
									<a href="#">未激活会员 <span class="am-badge am-badge-danger am-round">556</span></a>
								</li>
								<li>
									<a href="#">未激活代理 <span class="am-badge am-badge-danger am-round">69</span></a>
									</a>
								</li>
								<li>
									<a href="#">未处理汇款</a>
								</li>
								<li>
									<a href="#">未发放提现</a>
								</li>
								<li>
									<a href="#">未发货订单</a>
								</li>
								<li>
									<a href="#">低库存产品</a>
								</li>
								<li>
									<a href="#">信息反馈</a>
								</li>

							</ul>
						</li>

						<li class="kuanjie">

							<a href="vipuser.html">会员管理</a>
							<a href="commont.html">评论管理</a>
							<a href="order.html">订单管理</a>
							<a href="product.html">产品管理</a>
							<a href="">个人中心</a>
							<a href="setting.html">系统设置</a>
						</li>

						<li class="soso">

							<p>

								<select data-am-selected="{btnWidth: 70, btnSize: 'sm', btnStyle: 'default'}">
									<option value="b">全部</option>
									<option value="o">产品</option>
									<option value="o">会员</option>

								</select>

							</p>

							<p class="ycfg"><input type="text" class="am-form-field am-input-sm" placeholder="圆角表单域" /></p>
							<p><button class="am-btn am-btn-xs am-btn-default am-xiao"><i class="am-icon-search"></i></button></p>
						</li>
						<li class="am-hide-sm-only" style="float: right;">
							<a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span>
								<span class="admin-fullText">开启全屏</span></a>
						</li>
					</ul>
				</div>
			</header>

			<div class="am-cf admin-main">

				<div class="nav-navicon admin-main admin-sidebar">

					<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：清风抚雪</div>
					<div class="sideMenu">
						<h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
						<ul>
							<li>
								<a href="">商品列表</a>
							</li>
							<li class="func" dataType='html' dataLink='msn.htm' iconImg='images/msn.gif'>添加新商品</li>
							<li>商品分类</li>
							<li>用户评论</li>
							<li>商品回收站</li>
							<li>库存管理 </li>
						</ul>
						<h3 class="am-icon-cart-plus"><em></em> <a href="#"> 订单管理</a></h3>
						<ul>
							<li>订单列表</li>
							<li>合并订单</li>
							<li>订单打印</li>
							<li>添加订单</li>
							<li>发货单列表</li>
							<li>换货单列表</li>
						</ul>
						<h3 class="am-icon-users"><em></em> <a href="#">会员管理</a></h3>
						<ul>
							<li>会员列表 </li>
							<li>未激活会员</li>
							<li>团队系谱图</li>
							<li>会员推荐图</li>
							<li>推荐列表</li>
						</ul>
						<h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
						<ul>
							<li>站内消息 /留言 </li>
							<li>短信</li>
							<li>邮件</li>
							<li>微信</li>
							<li>客服</li>
						</ul>
						<h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
						<ul>
							<li>数据备份</li>
							<li>邮件/短信管理</li>
							<li>上传/下载</li>
							<li>权限</li>
							<li>网站设置</li>
							<li>第三方支付</li>
							<li>提现 /转账 出入账汇率</li>
							<li>平台设置</li>
							<li>声音文件</li>
						</ul>
					</div>
					<!-- sideMenu End -->

					<script type="text/javascript">
						jQuery(".sideMenu").slide({
							titCell: "h3", //鼠标触发对象
							targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
							effect: "slideDown", //targetCell下拉效果
							delayTime: 300, //效果时间
							triggerTime: 150, //鼠标延迟触发时间（默认150）
							defaultPlay: true, //默认是否执行效果（默认true）
							returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
						});
					</script>
				</div>

				<div class=" admin-content">

					<div class="daohang">
						<ul>
							<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页 </li>
						<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">帮助中心<a href="javascript: void(0)"
								 class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
							<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">奖金管理<a href="javascript: void(0)"
								 class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
							<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">产品管理<a href="javascript: void(0)"
								 class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>
						</ul>
					</div>
					<div class="admin">
						<div class="admin-index">
							<dl data-am-scrollspy="{animation: 'slide-right', delay: 100}">
								<dt class="qs"><i class="am-icon-users"></i></dt>
								<dd>455</dd>
								<dd class="f12">团队数量</dd>
							</dl>
							<dl data-am-scrollspy="{animation: 'slide-right', delay: 300}">
								<dt class="cs"><i class="am-icon-area-chart"></i></dt>
								<dd>455</dd>
								<dd class="f12">今日收入</dd>
							</dl>
							<dl data-am-scrollspy="{animation: 'slide-right', delay: 600}">
								<dt class="hs"><i class="am-icon-shopping-cart"></i></dt>
								<dd>455</dd>
								<dd class="f12">商品数量</dd>
							</dl>
							<dl data-am-scrollspy="{animation: 'slide-right', delay: 900}">
								<dt class="ls"><i class="am-icon-cny"></i></dt>
								<dd>455</dd>
								<dd class="f12">全部收入</dd>
							</dl>
						</div>
						<div class="admin-biaoge">
							<div class="xinxitj">信息概况</div>
							<table class="am-table">
								<thead>
									<tr>
										<th>团队统计</th>
										<th>全部会员</th>
										<th>全部未激活</th>
										<th>今日新增</th>
										<th>今日未激活</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>普卡</td>
										<td>普卡</td>
										<td>
											<a href="#">4534</a>
										</td>
										<td>+20</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>银卡</td>
										<td>银卡</td>
										<td>4534</td>
										<td>+2</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>金卡</td>
										<td>金卡</td>
										<td>4534</td>
										<td>+10</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>钻卡</td>
										<td>钻卡</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>合计</td>
										<td>合计</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
								</tbody>
							</table>
							<table class="am-table">
								<thead>
									<tr>
										<th>团队统计</th>
										<th>全部会员</th>
										<th>全部未激活</th>
										<th>今日新增</th>
										<th>今日未激活</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>普卡</td>
										<td>普卡</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>银卡</td>
										<td>银卡</td>
										<td>4534</td>
										<td>+2</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>金卡</td>
										<td>金卡</td>
										<td>4534</td>
										<td>+10</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>钻卡</td>
										<td>钻卡</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>合计</td>
										<td>合计</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
								</tbody>
							</table>
							<table class="am-table">
								<thead>
									<tr>
										<th>资金统计</th>
										<th>账户总收入</th>
										<th>账户总支出</th>
										<th>账户余额</th>
										<th>今日收入</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>普卡</td>
										<td>普卡</td>
										<td>4534</td>
										<td>+20</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>银卡</td>
										<td>银卡</td>
										<td>4534</td>
										<td>+2</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>金卡</td>
										<td>金卡</td>
										<td>4534</td>
										<td>+10</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>钻卡</td>
										<td>钻卡</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
									<tr>
										<td>合计</td>
										<td>合计</td>
										<td>4534</td>
										<td>+50</td>
										<td> 4534 </td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="shuju">
							<div class="shujuone">
								<dl>
									<dt>全盘收入： 1356666</dt>
									<dt>全盘支出： 5646465.98</dt>
									<dt>全盘利润： 546464</dt>
								</dl>
								<ul>
									<h2>26.83%</h2>
									<li>全盘拨出</li>
								</ul>
							</div>
							<div class="shujutow">
								<dl>
									<dt>全盘收入： 1356666</dt>
									<dt>全盘支出： 5646465.98</dt>
									<dt>全盘利润： 546464</dt>
								</dl>
								<ul>
									<h2>26.83%</h2>
									<li>全盘拨出</li>
								</ul>
							</div>
							<div class="slideTxtBox">
								<div class="hd">
									<ul>
										<li>其他信息</li>
										<li>工作进度表</li>
									</ul>
								</div>
								<div class="bd">
									<ul>
										<table width="100%" class="am-table">
											<tbody>
												<tr>
													<td width="7%" align="center">1 </td>
													<td width="83%">工作进度名称</td>
													<td width="10%" align="center">
														<a href="#">10%</a>
													</td>
												</tr>
												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>
												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>
												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>

												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>

												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>

												<tr>
													<td align="center">1 </td>
													<td>工作进度名称</td>
													<td align="center">
														<a href="#">10%</a>
													</td>
												</tr>
											</tbody>
										</table>
									</ul>
									<ul>
										<table class="am-table">
											<tbody>
												<tr>
													<td>普卡</td>
													<td>普卡</td>
													<td>
														<a href="#">4534</a>
													</td>
													<td>+20</td>
													<td> 4534 </td>
												</tr>
												<tr>
													<td>银卡</td>
													<td>银卡</td>
													<td>4534</td>
													<td>+2</td>
													<td> 4534 </td>
												</tr>
												<tr>
													<td>金卡</td>
													<td>金卡</td>
													<td>4534</td>
													<td>+10</td>
													<td> 4534 </td>
												</tr>
												<tr>
													<td>钻卡</td>
													<td>钻卡</td>
													<td>4534</td>
													<td>+50</td>
													<td> 4534 </td>
												</tr>
												<tr>
													<td>合计</td>
													<td>合计</td>
													<td>4534</td>
													<td>+50</td>
													<td> 4534 </td>
												</tr>
											</tbody>
										</table>
									</ul>
								</div>
							</div>
							<script type="text/javascript">
								jQuery(".slideTxtBox").slide();
							</script>

						</div>

						<div class="foods">
							<ul>版权所有@2015</ul>
							<dl>
								<a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
							</dl>
						</div>

					</div>

				</div>

			</div>

		</div>
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="assets/js/amazeui.min.js"></script>
		<!--<![endif]-->
		<script type="text/javascript">
			jQuery(document).ready(function($) {

				require.config({
					baseUrl: "text!../../",
					paths: {
						"header": "header.vue",
						"sidebar": "sidebar.vue",
						"navigator": "navigator.vue",
						"content": "content.vue",
						"footer": "footer.vue"
					},
					waitSeconds:3
				})
				
				require(["header","sidebar","navigator","content","footer"],function(header,sidebar,navigator,content,footer){
					
					
				})
				
				function vueStart(){
					var meshApp = new Vue({
						el: "#meshApp",
						data: {
							loginfo: []
						},
						methods: {},
						watch: {},
						computed: {},
						created: function() {
							console.log("vue主程序已创建");
						},
						destroyed:function() {
							console.log("vue主程序已销毁");
						}
					})
				}
				
				function vueComponetStart(header,sidebar,navigator,content,footer){
					Vue.component("header",{
						props:['headerInfo'],
                		template:header,
						data:function(){},
						created:function(){
							console.log("vue componet header created!");
						},
						destroyed:function(){
							console.log("vue componet header destroyed!");
						}
						
					});
					Vue.component("sidebar",{
						props:['sidebarInfo'],
                		template:sidebar,
						data:function(){},
						created:function(){
							console.log("vue componet sidebar created!");
						},
						destroyed:function(){
							console.log("vue componet sidebar destroyed!");
						}
						
					});
					Vue.component("navigator",{
						props:['navigatorInfo'],
                		template:navigator,
						data:function(){},
						created:function(){
							console.log("vue componet navigator created!");
						},
						destroyed:function(){
							console.log("vue componet navigator destroyed!");
						}
						
					});
					Vue.component("content",{
						props:['contentInfo'],
                		template:content,
						data:function(){},
						created:function(){
							console.log("vue componet content created!");
						},
						destroyed:function(){
							console.log("vue componet content destroyed!");
						}
						
					});
					Vue.component("footer",{
						props:['footerInfo'],
                		template:footer,
						data:function(){},
						created:function(){
							console.log("vue componet footer created!");
						},
						destroyed:function(){
							console.log("vue componet footer destroyed!");
						}
						
					});
				}

			})
			
		</script>
	</body>

</html>